.px2rem(@name,@px){
    @{name}: @px / 75px * 1rem
}

body{
    background: #f8f3f7;
}
.header{
    z-index: 90;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    .px2rem(height,300);
    background: #0bb59a;
    color: white;
    align-items: center;
    div{
        flex: 1;
        dl{
            display: flex;
            justify-content: center;
            text-align: center;
            align-items: center;
           dt{
                img{
                    width: 50%;
                }
            }
        }

    }
}
.content{
    
    overflow: hidden;
    z-index: 60;
    .px2rem(margin-top,300);
    .container{
        .nav-list{
            .swiper-wrapper{
                background: white;
                background: #08b69b;
                display: flex;
                justify-content:center;
                align-items: center;
               
                div{
                    flex: 1;
                }
                .swiper-slide{
                    flex: 1;
                    text-align: center;
                    color: white;
                    .px2rem(padding-top,60);
                    .px2rem(padding-bottom,60);
                    
                }
                .swiper-slide:last-child{
                    img{width: 30%;}
                    
                }
                .active-nav{
                    
                    border-bottom: 4px solid gold;
                    
                }
            }
            
        }
        .swiper-container-opts{
            .swiper-slide{
                .map_1{
                    .fenlei{
                        flex-wrap: wrap;
                        box-sizing: border-box;
                        .px2rem(margin-top,60);
                        tr{
                            td{
                               background: white;
                                text-align: center;
                                .px2rem(padding,100);
                                border: 1px solid #f7f2f6;  
                                color: #9c9e9b;
                                .px2rem(font-size,60);
                            }
                            
                        }   
                    }
                    .zhiwu{
                        width: 100%;
                        background: white;
                        text-align: center;
                        .px2rem(padding-top,200);
                        .px2rem(padding-bottom,200);
                         color: #9c9e9b;
                    }
                }
                .map_2{
                    .map_tu{
                       img{
                            width: 100%;
                        } 
                    }
                    
                    
                    .region{
                        background: white;
                        z-index: 60;
                        .px2rem(margin-bottom,360);
                        ._top{
                            .px2rem(padding,120)
                        }
                        ._bottom{
                            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
                            overflow: hidden;
                            .px2rem(padding-left,40);
                             .px2rem(padding-right,40);
                            .swiper-container {
                                .swiper-wrapper{
                                    display: flex;
                                    justify-content:initial;
                                    .swiper-slide{
                                        .px2rem(padding,20);
                                        dl{
                                            dt{
                                               width: 100%;
                                                img{
                                                    .px2rem(width,600);
                                                }
                                            }
                                            dd{
                                               .px2rem(line-height,120);
                                            }
                                        }
                    
                                    }
                                }
                    
                            }
                    
                        }
                    }
                    
                    
                    
                }
            }
            
        } 
    }
     
}

.nav_bottom{
    z-index: 90;
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   .px2rem(height,360);
   background: white;
   display: flex;
   justify-content: space-around;
   text-align: center;
   border-top: 1px solid #e8e3e9;
   dl{
       dt{
           img{
               width: 40%;
               .px2rem(padding,30)
            }
       }
   }
}